<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>其他图标字体库</title>
    <link rel="stylesheet" href="./fonts/remixicon.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <style>

        /* 
            http://remixicon.com/
            https://www.iconfont.cn/
        
        */
        i,
        .iconfont{
            font-size: 80px;
            color: tomato;
        }

        ul{
            list-style: none;
        }

        li::before{
            content: '\eb6f';
            font-family: 'remixicon' !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            padding-right: 10px;
        }

        li::after{
            content: '\e653';
            font-family: "iconfont" !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
    </style>
</head>
<body>
    <i class="ri-hospital-fill"></i>
    <i class="ri-magic-line"></i>

    <ul>
        <li>孙悟空</li>
        <li>猪八戒</li>
        <li>沙和尚</li>
        <li>唐僧</li>
    </ul>

    <i class="iconfont">&#xe613;</i>
    <i class="iconfont icon-CZ_001"></i>
    <i class="iconfont icon-JC_023"></i>
</body>
</html>